<template>
  <el-row :gutter="20" class="headDiv">
    <el-col :span="8">
      <div ><el-image
          :src="imgUrl"
      ></el-image> </div>
    </el-col>

    <el-col :span="15"  >
      <el-row :gutter="5">
<!--        :default-active="activeIndex"-->
<!--        @select="handleSelect"-->
<!--        @select="handleSelect"-->
        <el-menu  :default-active="$route.path"   router class="el-menu-demo" mode="horizontal"   background-color="	#FFFFFF"  text-color="#000000"  active-text-color="#1E90FF">
          <el-menu-item   index="/FrequencyAnalysis"  class="item"  style="margin-left: 20px">频次分析</el-menu-item>
          <el-menu-item index="/AssociationAnalysis" class="item" style="margin-left: 20px">关联分析</el-menu-item>
<!--          <el-menu-item index="/ClusterAnalysis"  class="item" style="margin-left: 20px">聚类分析</el-menu-item>-->
          <el-submenu index="2">
            <template slot="title">聚类分析</template>
            <el-menu-item index="/ClusterAnalysisGetAssociation">药对关联度</el-menu-item>
            <el-menu-item index="/ClusterAnalysisGetCoreMedicine">核心药物组</el-menu-item>
          </el-submenu>

          <el-menu-item index="/TongueAnalysis" class="item" style="margin-left: 20px">舌像处理</el-menu-item>

        </el-menu>
      </el-row>
    </el-col>

  </el-row>
</template>

<script>
export default {
  name: "Title",
  data(){
    return{
      imgUrl:require('../assets/hearderImg.png'),
      activeIndex: '1',
      index:"",

    }
  },
  methods: {
    // handleSelect(key, keyPath) {
    //   switch (key) {
    //     case "1":
    //       this.$router.push({ path: "/FrequencyAnalysis" });
    //       break;
    //     case "2":
    //
    //       //路由跳转
    //       this.$router.push("/FrequencyAnalysis")
    //       break;
    //     case "3":
    //       alert("3c")
    //       break;
    //     case "4":
    //       alert("4d")
    //       break;
    //   }
    // }
  }
}
</script>

<style scoped>

.headDiv {
  position: fixed;
  /*固定定位*/
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
}

.item{
  font-size: medium;

}
</style>
